import Vue from 'vue'
import App from './App.vue'

import Vant from 'vant';
import 'vant/lib/index.css';

Vue.use(Vant);
import VueRouter from 'vue-router'

import fy1 from './view/fy1.vue'
import fy2 from './view/fy2.vue'
import fy3 from './view/fy3.vue'
import zfy1 from './view/chlid/zfy1.vue'
import zfy2 from './view/chlid/zfy2.vue'
import zfy3 from './view/chlid/zfy3.vue'
import zfy4 from './view/chlid/zfy4.vue'
import zfy5 from './view/chlid/zfy5.vue'
import zfy6 from './view/chlid/zfy6.vue'
import aa from './view/chlid/xx/aa.vue'
import bb from './view/chlid/xx/bb.vue'
import cc from './view/chlid/xx/cc.vue'
Vue.use(VueRouter)
const routes = [{
        path: '/',
        required: fy1
    },
    {
        path: '/fy1',
        component: fy1,
        children: [{
                path: 'zfy1',
                component: zfy1
            },
            {
                path: 'zfy2',
                component: zfy2
            }
        ]
    },
    {
        path: '/fy2',
        component: fy2,
        children: [{
                path: 'zfy3',
                component: zfy3,
                children: [{
                        path: 'aa',
                        component: aa
                    },
                    {
                        path: 'bb',
                        component: bb
                    }, {
                        path: 'cc',
                        component: cc
                    },
                ]
            },
            {
                path: 'zfy4',
                component: zfy4
            }
        ]

    },
    {
        path: '/fy3',
        component: fy3,
        children: [{
                path: 'zfy5',
                component: zfy5
            },
            {
                path: 'zfy6',
                component: zfy6
            }
        ]
    }
]
const router = new VueRouter({
    routes
})

Vue.config.productionTip = false

new Vue({
    router,
    render: h => h(App),
}).$mount('#app')